<template>
    <el-row>
    <el-tabs v-model="activeName" type="card">
        <el-tab-pane label="全部" name="first"></el-tab-pane>
        <el-tab-pane label="待审核" name="second"></el-tab-pane>
        <el-tab-pane label="已审核" name="third"></el-tab-pane>
        <el-tab-pane label="已拒绝" name="fourth"></el-tab-pane>
    </el-tabs>
      <TotalityAdd/>
 <el-table :data="tableData" style="width: 100%">
    <el-table-column prop="date" label="试题编号" width="120">
    </el-table-column>
    <el-table-column prop="name" label="学科" width="120"> </el-table-column>
    <el-table-column prop="address" label="目录" width="120"> </el-table-column>
    <el-table-column prop="address" label="题型" width="120"> </el-table-column>
    <el-table-column prop="address" label="题干" width="280"> </el-table-column>
    <el-table-column prop="address" label="录入时间" width="180">
    </el-table-column>
    <el-table-column prop="address" label="难度" width="80"> </el-table-column>
    <el-table-column prop="address" label="录入人" width="120">
    </el-table-column>
        <el-table-column prop="address" label="审核状态" width="120">
    </el-table-column>
        <el-table-column prop="address" label="审核意见" width="150">
    </el-table-column>
        <el-table-column prop="address" label="审核人" width="120">
    </el-table-column>
    <el-table-column prop="address" label="发布状态" width="150">
    </el-table-column>
    <el-table-column align="center" fixed="right" label="操作" width="200">
      <template>
        <el-button type="text">预览</el-button>
        <el-button type="text" disabled>审核</el-button>
        <el-button type="text">修改</el-button>
        <el-button type="text">上架</el-button>
        <el-button type="text">删除</el-button>
      </template>
    </el-table-column>
  </el-table>

      <div class="block">
    <el-pagination
      @size-change="handleSizeChange"
      @current-change="handleCurrentChange"
      :current-page="currentPage4"
      background
      :page-sizes="[5, 10, 20, 50]"
      :page-size="5"
      :total="10"
      layout="  prev, pager, next,sizes, jumper">
    </el-pagination>
  </div>

    </el-row>
</template>

<script>
export default {
  data () {
    return {
      activeName: 'first',
      tableData: [
        {
          date: '2016-05-02',
          name: '王小虎',
          address: '上海市普陀区金沙江路 1518 弄'
        },
        {
          date: '2016-05-04',
          name: '王小虎',
          address: '上海市普陀区金沙江路 1517 弄'
        },
        {
          date: '2016-05-01',
          name: '王小虎',
          address: '上海市普陀区金沙江路 1519 弄'
        },
        {
          date: '2016-05-03',
          name: '王小虎',
          address: '上海市普陀区金沙江路 1516 弄'
        }
      ],
      currentPage4: 1

    }
  },
  methods: {
    handleSizeChange () {},
    handleCurrentChange () {}
  }
}
</script>

<style lang="scss" scoped>

.block{
    margin-top: 20px;
    text-align: right;
    ::v-deep .el-pagination__jump{
        margin: 0;
    }
}
.el-button{
    font-size: 12px;
}
</style>
